<template>
  <div id="app">
    <!-- <router-view></router-view> -->
    <!-- <img src="./assets/logo.png">{{ $t('name') }}
    <icon-svg icon-class="edit" />
    <div>
      <p>
        If Element is successfully added to this project, you'll see an
        <code v-text="'<el-button>'" />
        below
      </p>
    </div>
    <HelloWorld msg="Welcome to Your Vue.js App" /> -->
    <el-button @click="changeLanauage">el-button</el-button>
    <Drawer v-model="value5" title="Multi-level drawer" width="512" closable>
      <el-button @click="value5 = false">Two-level Drawer</el-button>
    </Drawer>

  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  },
  data() {
    return {
      value5: false
    }
  },
  methods: {
    changeLanauage() {
      this.value5 = true
      // this.$i18n.locale = 'us';
      // this.$store.dispatch('setting/setLanguage', 'us');
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
